<template>
    <div id="focus" >
      <mt-swipe :auto="3000">
        <mt-swipe-item v-for="(item,key) in focus" :key="key">
          <img :src="item.ImageUrl" alt="显示失败"/>
        </mt-swipe-item>
      </mt-swipe>
    </div>
</template>
<script>
export default {
  props: {
    focus: {
      type: [Array]
    },
    foucsUrl: {
      type: String
    }
  },
  created() {
    var _this = this;
    // 发送请求,请求新的数据
    var url = this.foucsUrl;
    this.$http
      .get(url)
      .then(result => {})
      .catch(err => {
        console.log("报错拉:" + err);
      });
  }
};
</script>
<style lang="scss" scoped>
#focus {
  width: 100%;
  height: 130px;
  img {
    width: 100%;
    height: 130px;
  }
}
</style>


